<header id="header" xmlns:th="http://www.w3.org/1999/xhtml">
    <div class="hContent headerBlock headerInfo">
        <div class="hMainContent" id="top">
            <a th:href="@{/}"><img th:src="@{/images/logo.png}" alt="logo" class="hLogo" /></a>
            <div class="message" th:if="${session.user}">
                <script>
                    $(function () {
                        var socket;
                        var socketUrl = "ws://192.168.40.238:8080/webSocket/" + "u" + $("#usid").val();
                        socket = new WebSocket(socketUrl);
                        //打开事件
                        socket.onopen = function () {
                            console.log("websocket已打开");
                        };
                        //获得消息事件
                        socket.onmessage = function (msg) {
                            var serverMsg = JSON.parse(msg.data);
                            if (serverMsg.code == 903) {
                                layer.alert("您的预约已被接单！")
                            }else if(serverMsg.code==904){
                                layer.alert("预约失败，当前无配送员接单！")
                            }else if(serverMsg.code==905){
                                layer.alert("您的订单超过时间未支付，已被取消！")
                            }else if(serverMsg.code==906){
                                layer.alert("您的订单已超时，系统将自动赠送给您一张八折优惠券")
                            }
                        };
                        //关闭事件
                        socket.onclose = function() {
                            console.log("websocket已关闭");
                        };
                        //发生了错误事件
                        socket.onerror = function() {
                            console.log("websocket发生了错误");
                        }
                        $("#information").click(function () {
                            layer.open({
                                type: 2,
                                title:'全部消息',
                                area: ['600px', '600px'],
                                content: '/information/page', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no'],
                            });
                        })
                    })
                </script>
                <input type="hidden" id="usid" th:value="${session.user.id}">
                <a class="phoneOrLogin" href="javascript:;" th:text="${session.user.phoneNum}">18005151538</a>
                <a class="exitOrRegiste" th:href="@{/user/logout}">退出</a>
            </div>
            <div class="message" th:if="${session.rider}">
                <script>
                    $(function () {
                        var socket;
                        var socketUrl = "ws://192.168.40.238:8080/webSocket/" + "r" + $("#rsid").val();
                        socket = new WebSocket(socketUrl);
                        //打开事件
                        socket.onopen = function () {
                            console.log("websocket已打开");
                        };
                        socket.onmessage = function (msg) {
                            var serverMsg = JSON.parse(msg.data);
                            console.log(serverMsg);
                            console.log(msg);
                            //系统派单
                            if (serverMsg.code == 901) {
                                layer.alert("系统派单给您,请立即送单" + "</br>" + "寄件信息:" + serverMsg.data.sendInfo + '</br>' + "收件信息:" + serverMsg.data.recInfo)
                            }else if(serverMsg.code == 902){ //有预约订单
                                layer.alert("有新的预约订单可以抢！点击确定抢单！"+"</br>"+ "寄件信息:" + serverMsg.data.sendInfo + '</br>' + "收件信息:" + serverMsg.data.recInfo,function (index) {
                                    $.getJSON("/order/robOrder/"+serverMsg.data.id+"/"+$("#rsid").val(),function (result) {
                                        if(result.code==807){
                                            layer.msg("手慢了,该单已被抢！")
                                        }else if(result.code==808){
                                            layer.msg("您当前还有单未结束！")
                                        }else if(result.code==200){
                                            layer.msg("抢单成功，请立即开始配送，详细信息查看个人中心！")
                                        }
                                    })
                                })
                            }else if(serverMsg.code==907){
                                layer.alert("您当前已超过预计配送时间！")
                            }else if(serverMsg.code==908){
                                layer.alert("用户确认收货，订单已完成，辛苦了！")
                            }else if(serverMsg.code==909){
                                layer.alert("您配送的订单"+serverMsg.data.no+"被申请赔偿，已提交审核")
                            }else if(serverMsg.code==910){
                                layer.alert("您配送的订单"+serverMsg.data.no+"用户已评价")
                            }
                        };
                        //关闭事件
                        socket.onclose = function() {
                            console.log("websocket已关闭");
                        };
                        //发生了错误事件
                        socket.onerror = function() {
                            console.log("websocket发生了错误");
                        }
                        $("#information").click(function () {
                            layer.open({
                                type: 2,
                                title:'全部消息',
                                area: ['600px', '600px'],
                                content: '/information/page', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no'],
                            });
                        })
                    })
                </script>
                <input type="hidden" id="rsid" th:value="${session.rider.id}">
                <a class="phoneOrLogin" href="javascript:;" th:text="${session.rider.phoneNum}">18005151538</a>
                <a class="exitOrRegiste" th:href="@{/rider/logout}">退出</a>
            </div>
            <ul class="menu">
                <th:block th:unless="${session.rider!=null}">
                    <li class="menuList"><a th:href="@{/order/create}">在线下单</a></li>
                </th:block>
                <li class="menuList" th:if="${session.user !=null || session.rider!=null}">
                    <th:block th:if="${session.user!=null}"> <a th:href="@{/order/list}">我的闪送</a></th:block>
                    <th:block th:if="${session.rider!=null}"> <a th:href="@{/rider/list}">我的闪送</a></th:block>
                </li>
                <li class="menuList" th:if="${session.user !=null || session.rider!=null}">
                    <a href="javascript:void(0)" id="information">我的消息</a></li>
                <th:block th:if="${session.user==null and session.rider==null}">
                    <li class="menuList"><a th:href="@{/user/register}">用户注册</a></li>
                    <li class="menuList"><a th:href="@{/rider/reg}">闪送员注册</a></li>
                    <li class="menuList downLoad"><a th:href="@{/user/login}">用户登录</a></li>
                    <li class="menuList downLoad"><a th:href="@{/rider/login}">闪送员登录</a></li>
                </th:block>
            </ul>
        </div>
    </div>
</header>
<footer id="footer">
    <div class="fContent">
        <div class="fMainContent clearfix">
            <p class="aboutUs fInfo"><span class="title">关于我们</span> <span class="text"> 闪送专注于即时专人直送服务，是国内响应时间最短、取送速度最快、服务体验最好、用户规模最大的限时递送服务公司，为用户提供全天候1分钟响应，15分钟上门，60分钟送达全城的同城递送服务。 </span>
            </p>
            <p class="appendUs fInfo"><span class="title">加入我们</span>
                 <a th:href="@{/rider/reg}" class="employee mess">成为闪送员</a></p>
            <p class="followUs fInfo"><span class="title">关注我们</span> <span class="text">官方微博：“天府闪送”</span> <span
                    class="text">weibo.com/tfss</span> <span class="text">公众平台搜索“天府闪送”</span> <span class="text">微信账户：tfss</span>
                <span class="ewm"><img th:src="@{/images/ishansong_weixin.jpg}" alt="" class="ewmImg"/></span></p>
            <p class="contactUs fInfo"><span class="title">联系我们</span> <span
                    class="text">地址：成都市武侯区高新孵化园</span> <span class="text">联系电话：<img
                    th:src="@{/images/phone.png}" alt="" class="phone"/></span> <span class="text">电子邮箱：<a
                    href="javascript:;" class="contactmess">info@tfss.com</a></span> </p>
        </div>
        <p class="pageFooter"><span class="ourmess">2020 &copy; 蜗牛创想科技有限公司版权所有.蓉ICP备14006546号-4.</span> <a
                target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020241"> <img
                th:src="@{/images/beian.png}"/> 蓉公网安备 11010802020241号 </a></p>
    </div>
</footer>

